<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form事件</title>

    <script>
        function myBlur() {
            console.log("myBlur----")
        }

        function myFocus() {
            console.log(" ======= myFocus")
        }

        function myChange() {
            var input1 = document.getElementsByTagName("input")[0]
            console.log(input1.value)
        }

        function myInput() {
            var input1 = document.getElementsByTagName("input")[0]
            console.log(input1.value)
         }

    </script>

</head>
<body>

<input type="text"
       onblur="myBlur()"
       onfocus="myFocus()"
       onchange="myChange()"
        oninput="myInput()">

</body>
</html>